<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="/style/public/publicStyle.js"></script>
	</head>
	<body >
	<div class="weadmin-nav">
			<span class="layui-breadcrumb" style="visibility: visible;">
        <a href="">首页</a><span lay-separator="">/</span>
			<a href="">权限管理</a><span lay-separator="">/</span>
			<a>
				<cite>权限分布树</cite></a>
			</span>
			<a class="layui-btn layui-btn-sm" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.replace(location.href);" title="刷新">
				<i class="layui-icon" style="line-height:30px">ဂ</i></a>
		</div>
	
<div class="weadmin-body">  
	<input type="text" placeholder="请输入关键字进行搜索" autocomplete="off" class="layui-input eleTree-search">
	 <div class="eleTree ele3" lay-filter="data3"></div>
</div>			
		
	</body > 
<script>    
layui.use(['jquery','tree'], function(){
	var laydate = layui.laydate //日期
			,$ = layui.jquery //分页
			,eleTree = layui.tree //弹层
	var logintoken=  getSharreTieba_LoginToken();
	var el3;
	$.ajax({
		url: "/permission/selectTreeAll?LoginKey="+logintoken,
		type: 'get',
		success: function(data) {
			el3 = eleTree.render({
				elem: '.ele3',
				data: data.data,
				showCheckbox: true,
				searchNodeMethod: function(value,data) {
					if (!value) return true;
					return data.label.indexOf(value) !== -1;
				}
			});
		}
	});
	$(".eleTree-search").on("change",function() {
		el3.search($(this).val());
	});
    eleTree.on("nodeClick(data3)",function(d) {
		console.group("节点点击nodeClick:")
		console.log(d.data);    // 点击节点对于的数据
		console.log(d.event);   // event对象
		console.log(d.node);    // 点击的dom节点
		console.log(this);      // 与d.node相同
		console.groupEnd();

	})
	eleTree.on("nodeChecked(data3)",function(d) {
		console.group("节点选中nodeChecked:")
		console.log(d.data);    // 点击节点对于的数据
		console.log(d.isChecked);   // input是否被选中
		console.log(d.node);    // 点击的dom节点
		console.log(this);      // input对于的dom
		console.groupEnd();
	})
	eleTree.on("nodeContextmenu(data3)",function(d) {
		console.group("节点右键nodeContextmenu:")
		console.log(d.data);    // 点击节点对于的数据
		console.log(d.event);   // event对象
		console.log(d.node);    // 点击的dom节点
		console.log(this);      // 与d.node相同
		console.groupEnd();
	})

	eleTree.on("nodeDrag(data3)",function(d) {
		console.group("节点拖拽nodeDrag:")
		// d.stop();           // 取消拖拽
		console.log(d.current);    // 起始节点对应的dom和数据
		console.log(d.target);   // 鼠标落点对应的dom和数据
		console.log(this);      // 鼠标落点对应的dom
		console.groupEnd();
	})

	eleTree.on("nodeAppend(data3)",function(d) {
		console.group("添加子节点nodeAppend:")
		console.log(d.data);    // 点击节点对于的数据
		console.log(d.node);    // 点击的dom节点
		console.log(this);      // 与d.node相同
		// d.stop();            // 取消添加
		// d.setData({          // 自定义数据
		//     id: 666,
		//     label: "aaa"
		// })
		console.log(d.newData); // 新增加的节点数据
		console.groupEnd();
	})
	eleTree.on("nodeInsertBefore(data3)",function(d) {
		console.group("添加节点之前nodeInsertBefore:")
		console.log(d.data);    // 点击节点对于的数据
		console.log(d.node);    // 点击的dom节点
		console.log(this);      // 与d.node相同
		// d.stop();            // 取消添加
		// d.setData({          // 自定义数据
		//     key: 666,
		//     label: "aaa"
		// })
		console.log(d.newData); // 新增加的节点数据
		console.groupEnd();
	})
	eleTree.on("nodeInsertAfter(data3)",function(d) {
		console.group("添加节点之后nodeInsertAfter:")
		console.log(d.data);    // 点击节点对于的数据
		console.log(d.node);    // 点击的dom节点
		console.log(this);      // 与d.node相同
		// d.stop();            // 取消添加
		// d.setData({          // 自定义数据
		//     key: 666,
		//     label: "aaa"
		// })
		console.log(d.newData); // 新增加的节点数据
		console.groupEnd();
	})
	eleTree.on("nodeEdit(data3)",function(d) {
		console.group("编辑节点nodeEdit:")
		console.log(d.data);        // 点击节点对于的数据
		console.log(d.node);        // 点击的dom节点
		console.log(d.value);       // 新输入的值
		console.log(this);          // 与d.node相同
		// d.stop();                // 取消编辑
		console.groupEnd();
	})
	eleTree.on("nodeRemove(data3)",function(d) {
		console.group("删除nodeRemove:")
		console.log(d.data);        // 点击节点对于的数据
		console.log(d.node);        // 点击的dom节点
		// d.stop();                // 取消删除
		console.groupEnd();
	})
            
});
        
       
    </script>
</html>
